<template>
  <div class="switcher-wrap" >
    <div v-for="(item,index) in tabData"
         @tap="_onclick(index)"
         :key="index"
         class="si"
         :class="switchFlag == index?'switcher-active':''">
      {{item}}
    </div>
  </div>
</template>

<script>
  export default {
    props:{
      tabData:{
        default:[]
      },
      switchFlag:{
        default:0
      },
    },
    methods:{
      _onclick(i){
        this.$emit("_onclick",i);
      }
    }
  }
</script>
